<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/mobile-common.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="sass/m-style.css">
    <link rel="stylesheet" href="sass/style.css">
    <link rel="stylesheet" href="../../css/animate.css">
    <title>Document</title>
</head>
<body>
        <div class="header">
            <div class="header-c">
                <div class="logo">
                    <a href="javascript:;"></a>
                </div>
                <div class="nav">
                    <a href="/index.html" class="nav-item animated" style="animation-delay: 0s;">首页</a>
                    <a href="/web/case-info/index.html" class="nav-item animated" style="animation-delay: 0.1s;">项目案例</a>
                    <a href="/web/joinus/index.html" class="nav-item animated" style="animation-delay: 0.2s;">加入我们</a>
                    <a href="/web/contactus/index.html" class="nav-item animated active" style="animation-delay: 0.3s;">联系我们</a>
                </div>
                <a href="javascript:;" class="m-nav-icon close">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
            </div>
        </div>
        <div class="banner">
            <div class="banner-c">
                <div class="banner-title">
                        <h2>关于不凡科技</h2>
                        <p>bufan</p>
                </div>   
            </div>
        </div>
        <div class="container">
            <div class="container-c">
                <div class="bufan-info">
                    <div class="bufan-introduce animated" style="animation-delay: 0s;">
                        <div class="bufan-introduce-item">
                            <div class="bufan-icon" style="background-image: url('img/contact_1.png')"></div>                            
                            优势
                        </div>
                        <p class="bufan-introduce-detail">
                            提供全方位网站建立+数字化营销服务，2016年至今
                            已经服务100余家客户。 我们可以完成优质网站建设
                            的同时，更可为您提供增值的数字化营销服务。不凡
                            科技对客户和作品永远坚持宁缺毋滥的原则, 没有把
                            网站纳入到企业战略高度的客户我们拒绝承接！
                        </p>
                    </div>
                    <div class="bufan-introduce animated" style="animation-delay: 0.1s;">
                        <div class="bufan-introduce-item">
                            <div class="bufan-icon" style="background-image: url('img/contact_2.png')"></div>                            
                            理念
                        </div>
                        <p class="bufan-introduce-detail">
                            我们致力于用户体验的持续提升，以用户为中心，
                            力求视觉设计与交互设计的完美契合。并且我们以
                            科学规范的流程，勤奋专注的态度，为客户提供全
                            方位的设计服务。专注UI设计，以设计驱动企业价
                            值的持续增长，实现您的商业目标！
                        </p>
                    </div>
                    <div class="bufan-introduce animated bufan-r0" style="animation-delay: 0.2s;">
                        <div class="bufan-introduce-item">
                            <div class="bufan-icon" style="background-image: url('img/contact_3.png')"></div>                            
                            团队
                        </div>
                        <p class="bufan-introduce-detail">
                            我们的团队成员由资深设计师、资深前端工程师及
                            技术负责人、开发工程师等组成。团队成员均有在
                            大型互联网工作经验。我们是追求品质与力求不断
                            超越自己的团队，我们尊重每次合作的机会与挑战
                            力求完美。
                        </p>
                    </div>
                </div>
                <div class="bufan-map animated" style="animation-delay: 0.3s;" id="bufanmap">
                    
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="contact">
                <div class="contact-c">
                    <div class="contact-us">
                        <h2 class="caption">联系我们</h2>
                        <span>Contact us</span>
                        <ul class="contact-info">
                            <li class="animated" style="animation-delay: 0s;">
                                    <h2 class="logo-f"></h2>
                                    <p class="logo-title">郑州不凡科技有限公司</p>
                            </li>
                            <li class="animated" style="animation-delay: 0.1s;">
                                <p>地址：郑东新区绿地新都会6号楼1210</p>
                                <p>电话：0371-55602883</p>
                                <p>手机：18838180363</p>
                            </li>
                            <li class="animated" style="animation-delay: 0.2s;">
                                <p>路线：地铁1号线 东风南路站C口出向北步行300米(近郑州东站)</p>
                                <p>郵编：450000</p>
                                <p>邮箱：bd@bufanui.com</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-copyright">
                    <div class="footer-copyright-c">
                        <div class="copyright">
                                @2017不凡科技 郑州IT技术服务  豫ICP备17015347号
                        </div>
                    </div>
            </div>   
        </div>

        <script src="../../lib/jquery-3.3.1.min.js"></script>
        <script>
            $('.m-nav-icon').click(function () {
                if ($(this).hasClass('close')) {
                    $(this).addClass('open').removeClass('close');
                    $('.nav').addClass('open');
                    $('.nav-item').addClass('fadeInRight')
                } else {
                    $(this).addClass('close').removeClass('open');
                    $('.nav').removeClass('open');
                    $('.nav-item').removeClass('fadeInRight')
                }
            });
            // 百度地图API功能
            var map = new BMap.Map("bufanmap");    // 创建Map实例
            map.centerAndZoom(new BMap.Point(113.771667,34.774545), 16);  // 初始化地图,设置中心点坐标和地图级别
            //添加地图类型控件
            map.addControl(new BMap.MapTypeControl({
                mapTypes:[
                    BMAP_NORMAL_MAP,
                    BMAP_HYBRID_MAP
                ]}));
            // 左上角添加比例尺
            map.addControl(new BMap.ScaleControl({
                anchor: BMAP_ANCHOR_TOP_LEFT
            }));
            //左上角，添加默认缩放平移控件
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}));

            map.setCurrentCity("郑州");          // 设置地图显示的城市 此项是必须设置的
            // map.enableScrollWheelZoom(false);     //开启鼠标滚轮缩放


            // 添加图层 自定义图标  覆盖物
            var point = new BMap.Point(113.774865,34.776816);
            // 自定义 
            // var myIcon = new BMap.Icon("../../img/logo.png", new BMap.Size(50,37));
            var marker = new BMap.Marker(point);  // 创建标注
            // var marker = new BMap.Marker(point);  // 创建标注
            map.addOverlay(marker);               // 将标注添加到地图中
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
            // 绘制步行路线
            var walking = new BMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
	        walking.search("东风南路地铁口", "绿地新都会6号楼");

            ;(window.onscroll = function(){
            var scrolltop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
            var scrollH = scrolltop + window.innerHeight;
                if(scrolltop==0){
                    $('.header').removeClass('mini');
                }
                if(scrolltop>0){
                    $('.header').addClass('mini');
                }
                if(scrollH>=$('.contact-info').offset().top){
                    $('.contact-info').children().css('visibility','visible');
                    $('.contact-info').children().addClass('fadeInUp');
                }
                if(scrollH>=$('.bufan-introduce').offset().top){
                    $('.bufan-introduce').css('visibility','visible');
                    $('.bufan-introduce').addClass('fadeInUp'); 
                }
                if(scrollH>=$('.bufan-map').offset().top){
                    $('.bufan-map').css('visibility','visible')
                    $('.bufan-map').addClass('fadeInup');
                }
            })()
        </script>
</body>
</html>